import { Component } from 'react';

// 百度
import Baidu from "./pages/baidu/Baidu";
// todolist
import Todolist from "./pages/todolist/Todolist";
import Tadolist2 from "./pages/todolist/todolist2";
import Tadolist3 from "./pages/todolist/todolist3";

// 父子传值
import Fuzil from "./components/案例练习作业/6.组件之间传值/父子传值/Parent";

// 子父传值
import CommentInde from "./components/案例练习作业/6.组件之间传值/子父传值/上传案例comment/commentIndex";

// 跨级组件传值
import Parent from "./components/案例练习作业/6.组件之间传值/跨级组件通信/Parent";

// Hooks
import UseCallbackChid from './components/案例练习作业/Hooks/useCallback/UseCallbackChid';
import UseCallbackParent from './components/案例练习作业/Hooks/useCallback/UseCallbackParent'

// context
import Context from './components/案例练习作业/Hooks/context/ContextParent'

class App extends Component {
  render() { 
    return ( 
      <>
       <Tadolist3></Tadolist3>
        <Baidu></Baidu>
        <Fuzil></Fuzil>
        <CommentInde></CommentInde><br /><br /><br />
        <Parent></Parent>
        <Todolist></Todolist>
        <Tadolist2></Tadolist2>
        <UseCallbackChid></UseCallbackChid>
        <UseCallbackParent></UseCallbackParent>
        <Context></Context>
      </>
     )
  }
}

export default App;